<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //$("<h1>标题</h1>").appendTo("div");
            //$("<h1>第一个标题</h1>").prependTo("div");

            //$("<h2>二级标题insertBefore</h2>").insertBefore("div");
            //$("<h2>二级标题insertAfter</h2>").insertAfter("div");

            // $("div").replaceWith($("<h1>abc</h1>"));//abc
            // $("div").replaceWith("<h1>abc</h1>");//abc、abc
            //$("<h1>df</h1>").replaceAll($("div"));

            $("div").remove();
        })
    </script>
</head>
<body>

    多选：
    <input name="checkbox" type="checkbox" value="checkbox1" />checkbox1
    <input name="checkbox" type="checkbox" value="checkbox2" />checkbox2
    <input name="checkbox" type="checkbox" value="checkbox3" />checkbox3
    <br/>
    <div>1234</div>
    <div>1234</div>

</body>
</html>